html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section {
    margin: 0;
    padding: 0;
    font-weight: normal;
}


img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

ul,
li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}



.delay-025 {
    animation-delay: .25s;
    -moz-animation-delay: .25s;
    -ms-animation-delay: .25s;
    -webkit-animation-delay: .25s;
}

.delay-05 {
    animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.delay-06 {
    animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -webkit-animation-delay: .6s;
}

.delay-075 {
    animation-delay: .75s;
    -moz-animation-delay: .75s;
    -ms-animation-delay: .75s;
    -webkit-animation-delay: .75s;
}

.delay-08 {
    animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -webkit-animation-delay: .8s;
}

.delay-1 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-11 {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.delay-125 {
    animation-delay: 1.25s;
    -moz-animation-delay: 1.25s;
    -ms-animation-delay: 1.25s;
    -webkit-animation-delay: 1.25s;
}

.delay-14 {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.delay-15 {
    animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}

.delay-165 {
    animation-delay: 1.65s;
    -moz-animation-delay: 1.65s;
    -ms-animation-delay: 1.65s;
    -webkit-animation-delay: 1.65s;
}

.delay-175 {
    animation-delay: 1.75s;
    -moz-animation-delay: 1.75s;
    -ms-animation-delay: 1.75s;
    -webkit-animation-delay: 1.75s;
}

.delay-195 {
    animation-delay: 1.95s;
    -moz-animation-delay: 1.95s;
    -ms-animation-delay: 1.95s;
    -webkit-animation-delay: 1.95s;
}

.delay-2 {
    animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.delay-225 {
    animation-delay: 2.25s;
    -moz-animation-delay: 2.25s;
    -ms-animation-delay: 2.25s;
    -webkit-animation-delay: 2.25s;
}

.delay-25 {
    animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
}

.delay-275 {
    animation-delay: 2.75s;
    -moz-animation-delay: 2.75s;
    -ms-animation-delay: 2.75s;
    -webkit-animation-delay: 2.75s;
}

.delay-3 {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

.delay-325 {
    animation-delay: 3.25s;
    -moz-animation-delay: 3.25s;
    -ms-animation-delay: 3.25s;
    -webkit-animation-delay: 3.25s;
}

.delay-35 {
    animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
    -ms-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
}
.delay-375 {
    animation-delay: 3.75s;
    -moz-animation-delay: 3.75s;
    -ms-animation-delay: 3.75s;
    -webkit-animation-delay: 3.75s;
}

.delay-4 {
    animation-delay: 4s;
    -moz-animation-delay: 4s;
    -ms-animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.delay-425 {
    animation-delay: 4.25s;
    -moz-animation-delay: 4.25s;
    -ms-animation-delay: 4.25s;
    -webkit-animation-delay: 4.25s;
}

.delay-45 {
    animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    -ms-animation-delay: 4.5s;
    -webkit-animation-delay: 4.5s;
}

.delay-475 {
    animation-delay: 4.75s;
    -moz-animation-delay: 4.75s;
    -ms-animation-delay: 4.75s;
    -webkit-animation-delay: 4.75s;
}

.delay-5 {
    animation-delay: 5s;
    -moz-animation-delay: 5s;
    -ms-animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.delay-525 {
    animation-delay: 5.25s;
    -moz-animation-delay: 5.25s;
    -ms-animation-delay: 5.25s;
    -webkit-animation-delay: 5.25s;
}

.delay-55 {
    animation-delay: 5.5s;
    -moz-animation-delay: 5.5s;
    -ms-animation-delay: 5.5s;
    -webkit-animation-delay: 5.5s;
}

.delay-575 {
    animation-delay: 5.75s;
    -moz-animation-delay: 5.75s;
    -ms-animation-delay: 5.75s;
    -webkit-animation-delay: 5.75s;
}

.delay-6 {
    animation-delay: 6s;
    -moz-animation-delay: 6s;
    -ms-animation-delay: 6s;
    -webkit-animation-delay: 6s;
}

.delay-625 {
    animation-delay: 6.25s;
    -moz-animation-delay: 6.25s;
    -ms-animation-delay: 6.25s;
    -webkit-animation-delay: 6.25s;
}

.delay-65 {
    animation-delay: 6.5s;
    -moz-animation-delay: 6.5s;
    -ms-animation-delay: 6.5s;
    -webkit-animation-delay: 6.5s;
}

.delay-675 {
    animation-delay: 6.75s;
    -moz-animation-delay: 6.75s;
    -ms-animation-delay: 6.75s;
    -webkit-animation-delay: 6.75s;
}

.delay-7 {
    animation-delay: 7s;
    -moz-animation-delay: 7s;
    -ms-animation-delay: 7s;
    -webkit-animation-delay: 7s;
}

.delay-725 {
    animation-delay: 7.25s;
    -moz-animation-delay: 7.25s;
    -ms-animation-delay: 7.25s;
    -webkit-animation-delay: 7.25s;
}

.delay-75 {
    animation-delay: 7.5s;
    -moz-animation-delay: 7.5s;
    -ms-animation-delay: 7.5s;
    -webkit-animation-delay: 7.5s;
}

.delay-775 {
    animation-delay: 7.75s;
    -moz-animation-delay: 7.75s;
    -ms-animation-delay: 7.75s;
    -webkit-animation-delay: 7.75s;
}

.delay-8 {
    animation-delay: 8s;
    -moz-animation-delay: 8s;
    -ms-animation-delay: 8s;
    -webkit-animation-delay: 8s;
}

.delay-825 {
    animation-delay: 8.25s;
    -moz-animation-delay: 8.25s;
    -ms-animation-delay: 8.25s;
    -webkit-animation-delay: 8.25s;
}

.delay-85 {
    animation-delay: 8.5s;
    -moz-animation-delay: 8.5s;
    -ms-animation-delay: 8.5s;
    -webkit-animation-delay: 8.5s;
}

.delay-875 {
    animation-delay: 8.75s;
    -moz-animation-delay: 8.75s;
    -ms-animation-delay: 8.75s;
    -webkit-animation-delay: 8.75s;
}

.delay-925 {
    animation-delay: 9.25s;
    -moz-animation-delay: 9.25s;
    -ms-animation-delay: 9.25s;
    -webkit-animation-delay: 9.25s;
}

.delay-9 {
    animation-delay: 9s;
    -moz-animation-delay: 9s;
    -ms-animation-delay: 9s;
    -webkit-animation-delay: 9s;
}

.delay-11 {
    animation-delay: 11s;
    -moz-animation-delay: 11s;
    -ms-animation-delay: 11s;
    -webkit-animation-delay: 11s;
}

.delay-13 {
    animation-delay: 13s;
    -moz-animation-delay: 13s;
    -ms-animation-delay: 13s;
    -webkit-animation-delay: 13s;
}

.delay-14 {
    animation-delay: 14s;
    -moz-animation-delay: 14s;
    -ms-animation-delay: 14s;
    -webkit-animation-delay: 14s;
}

.delay-155 {
    animation-delay: 15s;
    -moz-animation-delay: 15s;
    -ms-animation-delay: 15s;
    -webkit-animation-delay: 15s;
}

.delay-16 {
    animation-delay: 16s;
    -moz-animation-delay: 16s;
    -ms-animation-delay: 16s;
    -webkit-animation-delay: 16s;
}

.delay-17 {
    animation-delay: 17s;
    -moz-animation-delay: 17s;
    -ms-animation-delay: 17s;
    -webkit-animation-delay: 17s;
}

.delay-18 {
    animation-delay: 18s;
    -moz-animation-delay: 18s;
    -ms-animation-delay: 18s;
    -webkit-animation-delay: 18s;
}

.delay-25 {
    animation-delay: 22s;
    -moz-animation-delay: 22s;
    -ms-animation-delay: 22s;
    -webkit-animation-delay: 22s;
}

.delay-27 {
    animation-delay: 24s;
    -moz-animation-delay: 24s;
    -ms-animation-delay: 24s;
    -webkit-animation-delay: 24s;
}


.bcon{
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    position: relative;

}

.swiper-container {
    width: 100%;
    height: 100%;
    max-width: 480px;
}

.container {
    width: 100%;
    position: relative;
    top:0;
    overflow: hidden;
}
.bg{
    width:100%;
}
.music{
    position:absolute;
    width:6.8%;
    right:4%;
    top:2%;
    z-index:200;
}
.music .an .music2{
    animation:music2 1.5s infinite linear ;
    -webkit-animation:music2 1.5s infinite linear;
}
.music .an .music1{
    animation:music1 2s infinite linear ;
    -webkit-animation:music1 2s infinite linear;
}
@keyframes music1{
    0%{
        transform:rotate(-10deg);
    }
    50%{
        transform:rotate(10deg)
    }
    100%{
        transform:rotate(-10deg);
    }
}
@keyframes music2{
    0%{
        opacity:0;
        transform:translate(-1vh,1.5vh) scale(0.5);
    }
    100%{
        opacity:1;
        transform:translate(0vh,0vh) scale(1.7);
    }
}
.music1{
    position: relative;
    width:100%;
    z-index:10;
}
.music2{
    position:absolute;
    width:30%;
    top:-20%;
    right:-5%;
    transform-origin:center bottom;
}
.container > img{
    width:100%;
    height: 100vh;
}
.logo{
    position: absolute;
    left: 42%;
    top: 3%;
    width: 14%;
}

.logo img{
    width:100%;
}

.p2-1{
    position:absolute;
    width:100%;
    top:9%;
    left:0;
}

.close{
    position:absolute;
    left:6.7%;
    top:4%;
    width:5.5%;
}

.d1.an{
    animation:d1 8s infinite linear;
    animation-delay:5s !important;
    -webkit-animation:d1 8s infinite linear;
}
@keyframes d1{
    0%{
        transform:translate(0vh,0);
    }
    2.5%{
        transform:translate(-1vh,0);
    }
    5%{
        transform:translate(0vh,0);
    }
    7.5%{
        transform:translate(1vh,0);
    }
    10%{
        transform:translate(0vh,0);
    }
    12.5%{
        transform:translate(-1vh,0);
    }
    15%{
        transform:translate(0vh,0);
    }
    17.5%{
        transform:translate(1vh,0);
    }
    20%{
        transform:translate(0vh,0);
    }
    100%{
        transform:translate(0vh,0);
    }
}
.d2.an{
    animation:d2 8s infinite linear;
    animation-delay:5s !important;
    -webkit-animation:d2 8s infinite linear;
}
@keyframes d2{
    0%{
        transform:translate(0vh,0);
    }
    20%{
        transform:translate(0vh,0);
    }
    22.5%{
        transform:translate(-1vh,0);
    }
    25%{
        transform:translate(0vh,0);
    }
    27.5%{
        transform:translate(1vh,0);
    }
    30%{
        transform:translate(0vh,0);
    }
    32.5%{
        transform:translate(-1vh,0);
    }
    35%{
        transform:translate(0vh,0);
    }
    37.5%{
        transform:translate(1vh,0);
    }
    40%{
        transform:translate(0vh,0);
    }
    100%{
        transform:translate(0vh,0);
    }
}
.d3.an{
    animation:d3 8s infinite linear;
    animation-delay:5s !important;
    -webkit-animation:d3 8s infinite linear;
}
@keyframes d3{
    0%{
        transform:translate(0vh,0);
    }
    40%{
        transform:translate(0vh,0);
    }
    42.5%{
        transform:translate(-1vh,0);
    }
    45%{
        transform:translate(0vh,0);
    }
    47.5%{
        transform:translate(1vh,0);
    }
    50%{
        transform:translate(0vh,0);
    }
    52.5%{
        transform:translate(-1vh,0);
    }
    55%{
        transform:translate(0vh,0);
    }
    57.5%{
        transform:translate(1vh,0);
    }
    60%{
        transform:translate(0vh,0);
    }
    100%{
        transform:translate(0vh,0);
    }
}
.d4.an{
    animation:d4 8s infinite linear;
    animation-delay:5s !important;
    -webkit-animation:d4 8s infinite linear;
}
@keyframes d4{
    0%{
        transform:translate(0vh,0);
    }
    60%{
        transform:translate(0vh,0);
    }
    62.5%{
        transform:translate(-1vh,0);
    }
    65%{
        transform:translate(0vh,0);
    }
    67.5%{
        transform:translate(1vh,0);
    }
    70%{
        transform:translate(0vh,0);
    }
    72.5%{
        transform:translate(-1vh,0);
    }
    75%{
        transform:translate(0vh,0);
    }
    77.5%{
        transform:translate(1vh,0);
    }
    80%{
        transform:translate(0vh,0);
    }
    100%{
        transform:translate(0vh,0);
    }
}
.d5.an{
    animation:d5 8s infinite linear;
    animation-delay:5s !important;
    -webkit-animation:d5 8s infinite linear;
}
@keyframes d5{
    0%{
        transform:translate(0vh,0);
    }
    80%{
        transform:translate(0vh,0);
    }
    82.5%{
        transform:translate(-1vh,0);
    }
    85%{
        transform:translate(0vh,0);
    }
    87.5%{
        transform:translate(1vh,0);
    }
    90%{
        transform:translate(0vh,0);
    }
    92.5%{
        transform:translate(-1vh,0);
    }
    95%{
        transform:translate(0vh,0);
    }
    97.5%{
        transform:translate(1vh,0);
    }

    100%{
        transform:translate(0vh,0);
    }
}
.zf img{
    animation:hx 2s infinite linear;
    -webkit-animation:hx 2s infinite linear;
}
@keyframes hx{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.1);
    }
    100%{
        transform:scale(1);
    }
}

.zf.op{
    opacity:1;
    transition:0.5s;
}
.wuxian {
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.arrow{
    position: absolute;
    top: 91%;
    left: 43%;
    width: 10%;
}
.arrow>img{width: 100%;}

.list{
    position: absolute;
    top: 4%;
    width: 87%;
    left: 7%;
}
.goods{
    margin-bottom: 4%;
}
.goods>img{
    width: 100%;
}